<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebGIS Test</title>
    <style>
        p.title{
            background: darkblue;
            color: white;
            padding: 10px;
            font-weight: bold;
        }
        ul.content{
            list-style: decimal;
        }
    </style>
</head>
<body>
<p class="title">不同地图加载（百度、天地图、OSM）</p>
<ul class="content">
    <li>
        <a href="./html/OpenLayer-图层切换.html" target="_blank">图层切换</a>
        <img src="./img/demo1-1.png"/>
    </li>
    <li>
        <a href="./html/OpenLayer-图层多选控件.html" target="_blank">图层多选控件</a>
        <img src="./img/demo1-2.png"/>
    </li>
</ul>
<p class="title">第一课、环境配置</p>
<ul class="content">
    <li><a href="./html/demo1-1.html" target="_blank">demo1-1:OpenStreetMap</a></li>
</ul>
<p class="title">第二课、初识Openlayers</p>
<ul class="content">
    <li>
        <a href="./html/demo2-1.html" target="_blank">demo2-1:鼠标移动获取经纬度</a>
        <img src="./img/demo2-1.png"/>
    </li>
</ul>
<p class="title">第三课、基于springMVC的项目搭建</p>
<ul class="content">
    <li>
        <a href="./html/demo3-1.html" target="_blank">demo3-1</a>
        <img src="./img/demo3-1.png"/>
    </li>
</ul>
<p class="title">第七课、OL中的Map和View</p>
<ul class="content">
    <li><a href="./html/demo7-1.html" target="_blank">demo7-1:Target和View</a></li>
    <li>
        <a href="./html/demo7-2.html" target="_blank">demo7-2:地图联动</a>
        <img src="./img/demo7-2.png"/>
    </li>
    <li>
        <a href="./html/demo7-3.html" target="_blank">demo7-3:点击弹窗</a>
        <img src="./img/demo7-3.png"/>
    </li>
    <li><a href="./html/demo7-4.html" target="_blank">demo7-4:加载后端请求图层</a></li>
</ul>
<p class="title">第八课、OL中的Layer和Source</p>
<ul class="content">
    <li><a href="./html/demo8-1.html" target="_blank">demo8-1:OSM加载天地图</a></li>
    <li><a href="./html/demo8-2.html" target="_blank">demo8-2:加载TileWMS</a></li>
    <li>
        <a href="./html/demo8-3.html" target="_blank">demo8-3:加载GeoJSON</a>
        <img src="./img/demo8-3.png"/>
    </li>
</ul>
<p class="title">第九课、OL中的地图交互</p>
<ul class="content">
    <li>
        <a href="./html/demo9-1.html" target="_blank">demo9-1:鼠标点击高亮</a>
        <img src="./img/demo9-1.png"/>
    </li>
    <li><a href="./html/demo9-2.html" target="_blank">demo9-2:绘制多边形</a></li>
    <li><a href="./html/demo9-3.html" target="_blank">demo9-3:编辑绘制的多边形</a></li>
</ul>
<p class="title">第十课、巧用Overlay</p>
<ul class="content">
    <li><a href="./html/demo10-1.html" target="_blank">demo10-1:点击弹窗</a></li>
    <li>
        <a href="./html/demo10-2.html" target="_blank">demo10-2:结合Echart</a>
        <img src="./img/demo10-2.png"/>
    </li>
    <li><a href="./html/demo10-3.html" target="_blank">demo10-3:影像地图加载GeoJSON</a></li>
</ul>
<p class="title">第十一课、geoserver中的样式配置</p>
<ul class="content">
    <li><a href="./html/demo11-1.html" target="_blank">demo11-1:加载WMTS</a></li>
    <li><a href="./html/demo11-2.html" target="_blank">demo11-2:加载矢量切片</a></li>
</ul>
<p class="title">第十三课、postgis常用空间函数</p>
<ul class="content">
    <li>
        <a href="./html/demo13-1.html" target="_blank">demo13-1:加载wkts</a>
        <img src="./img/demo13-1.png"/>
    </li>
    <li><a href="./html/demo13-2.html" target="_blank">demo13-2:加载矢量切片</a></li>
</ul>
<p class="title">第十五课、css书写技巧</p>
<ul class="content">
    <li><a href="./html/demo15-1.html" target="_blank">demo15-1:WebGIS布局</a></li>
</ul>
<p class="title">第十六课、空间关系</p>
<ul class="content">
    <li><a href="./html/demo16-1.html" target="_blank">demo16-1</a></li>
</ul>
<p class="title">第十八课、geotools实现wms服务</p>
<ul class="content">
    <li><a href="./html/demo18-1.html" target="_blank">demo18-1:加载WMS</a></li>
</ul>
<p class="title">第十九课、geotools实现wfs服务</p>
<ul class="content">
    <li><a href="./html/demo19-1.html" target="_blank">demo19-1:加载WFS</a></li>
    <li><a href="./html/demo19-2.html" target="_blank">demo19-2:WFS添加数据</a></li>
    <li><a href="./html/demo19-3.html" target="_blank">demo19-3:WFS更新数据</a></li>
    <li><a href="./html/demo19-4.html" target="_blank">demo19-4:WFS删除数据</a></li>
    <li><a href="./html/demo19-5.html" target="_blank">demo19-5:WFS综合操作</a></li>
    <li><a href="./html/demo19-6.html" target="_blank">demo19-6:WFS查询数据</a></li>
    <li>
        <a href="./html/demo19-7.html" target="_blank">demo19-7:WFS属性查询和空间查询</a>
        <img src="./img/demo19-7.png"/>
    </li>
    <li>
        <a href="./html/demo19-8.html" target="_blank">demo19-8:网络分析</a>
        <img src="./img/demo19-8.png"/>
    </li>
</ul>
<p class="title">第二十课、高校数据显示与查询</p>
<ul class="content">
    <li>
        <a href="./html/demo20-1.html" target="_blank">demo20-1</a>
        <img src="./img/demo20-1.png"/>
    </li>
</ul>
<p class="title">第二十一课、数据在线编辑</p>
<ul class="content">
    <li>
        <a href="./html/demo21-1.html" target="_blank">demo21-1</a>
        <img src="./img/demo21-1.png"/>
    </li>
</ul>
<p class="title">附加、GDAL读取.gdb</p>
<ul class="content">
    <li>
        <a href="html/GDAL读取gdb.html" target="_blank">GDAL读取gdb</a>
        <img src="./img/GDAL读取gdb.png"/>
    </li>
</ul>
</body>
</html>
